/**
原生
 */
body {
	margin: 0;
	font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;
	color: #333;
	overflow: auto !important;
}
html,body{
	 height:100%;
 }
p{
	margin: 0 !important;
	padding: 0 !important;
}
ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
/**
   * 头部
   */

.el-header {
	background-color:#007cdc;
	color: #fff;
	position: fixed;
	width: 100vw;
	z-index: 100;
	box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);

}

.el-header .header-container{
	padding: 0px;
	width: 1176px;
	display: flex;
	height: 60px;
	margin: 0 auto;
	position: relative;
}
.el-header  .el-badge__content{
	border: none;
}

.logo {
	width: 60px;
	height: 60px;
	float: left;
	margin-right: 40px;
}
.module-nav{
	display: inline-block;
}

.module-nav .el-menu-item{
	line-height: 30px;
	height:60px;
	font-size: 15px;
	padding: 15px 10px;
	margin: 0 10px;
}
.module-nav.el-menu.el-menu--horizontal{
	border: none;
}
.module-nav>.el-menu-item.is-active{
	font-weight: 600;
}

.input-with-select {
	width: 350px;
	margin-top: 15px;
	margin-left: 20px;
}
.input-with-select .el-input__inner{
	border-radius: 0 2px 2px 0;
	border:none;
}

.input-with-select .el-input-group__prepend {
	background-color: #fff;
	width: 35px;
	border-radius: 2px 0 0 2px;
	border:none;
	border-right: 1px solid #F2F6FC;
}

.nav {
	height: 100%;
	background: transparent;
	padding: 0;
	margin: 0;
	list-style: none;
	font-weight: 500
}

.nav li {
	float: left;
	padding: 0 10px;
	position: relative;
	cursor: pointer;
}

.nav li.is-active {
	color: #1387E9;
}


.user-nav .module-icon {
	font-weight: 500;
	font-size: 20px;
	position: relative;
	top: 2px;
}

.user-nav {
	position: absolute;
	top: 0px;
	right: 0px;
}

.user-nav li {
	height:28px;
	line-height: 28px;
	margin-top: 16px;
	vertical-align:middle;
}
.user-nav .user-head{
	margin-top: 10px;
}
.user-nav .user-head .el-dropdown-selfdefine {
	height: 40px;
	display: flex;
	align-items:center;
}
.user-nav li, .user-nav .el-submenu {
	border-bottom: none;
}

.user-nav .el-button{
	color: #1387E9;
}

.user-nav .el-dropdown{
	height:40px;
	line-height: 40px;
	vertical-align: middle;
	display: inline-block;
	color: #fff;
}

.primary-dropdown-menu {
	margin: 0;
	min-width: 160px;
	color: #fff;
}

.primary-dropdown-menu .el-dropdown-menu__item {
	line-height: 50px;
	font-size: 15px;
}

.primary-dropdown-menu .el-dropdown-menu__item i {
	margin-right: 10px;
	position: relative;
	top: 2px;
	font-size: 22px;
}
.sub-body-head{
	width: 100%;
	background-color: #fff;
	border-bottom:1px solid #EBEEF5;
	position: fixed;
	top: 60px;
	z-index: 100;
}
.sub-body-head .el-menu{
	width: 1032px;
	height: 42px;
	border: none;
	margin: 0 auto;
}

.sub-body-head .el-menu-item {
	height: 42px;
	line-height: 42px;
}
.sub-body-head .el-menu-item:hover{
	color: #007cdc !important;
	border-bottom: 2px solid #007cdc !important;
}

	/**
    body
     */

.container {
	width: 1032px;
	padding: 10px 0;
	margin: 0 auto;
	position: relative;
	border-radius: 0px;

}
.body-bac-container{
	width: 100%;
	min-height:calc(100vh - 60px);
	background-color: #f3f3f3;
	/*background-image: url('../images/body_bac.jpg');*/
	/*background-repeat: no-repeat;*/
	/*background-size: cover;*/
	/*background-attachment:fixed*/
}

.big-container{
	width: 1350px;
	padding: 0;
	margin: 0 auto;
	position: relative;
}

.el-main{
	padding:0;
	margin: 0px;
	position: relative;
	top: 60px;
}
.col-right{
	float: right;
}
.col-left{
	padding-right: 10px;
}

.bac-container{
	padding: 10px;
	background-color: #fff;
	margin-bottom: 10px;
    border-radius: 2px;
	overflow: auto;
}

.bac-container-none-padding{
	background-color: #fff;
	margin-bottom: 10px;
	border-radius: 2px;
	overflow: auto;
}


.left-fixed {
	position: fixed;
	width: 301px;
}

.left-small-fixed {
	position: fixed;
	width: 291px;
}
.left-min-fixed {
	position: fixed;
	width: 228px;

}

.bac-container-title{
	font-size: 14px;
	font-weight: 600;
	padding-left:10px;
	margin: 15px 5px 0px 15px;
	line-height: 20px;
	border-left: 3px solid #007cdc;
	color:#007cdc;
}

.bac-container-title-border{
	font-size: 15px;
	font-weight: 600;
	padding:5px 10px 5px;
	color:#333;
	line-height: 25px;
	border-bottom: solid 1px #e6e6e6;
	margin-bottom: 5px;
}

.bac-container-title .el-link{
	float: right;
	color:#007cdc;
}

.bac-container-title-border .el-link{
	float: right;
	color:#007cdc;
}


.el-scrollbar {
	overflow-x: hidden;
}
.el-dialog--center .el-dialog__body {
	padding: 20px;
}

.el-link.is-active {
	color: #007cdc !important;
}
.el-link{
	vertical-align: unset;
}

.el-image-viewer__mask{
	background-color: #000000;
	opacity: 0.9;

}
.el-icon-circle-close{
	color:#fff;
}
.el-input__inner{
	border-color: #DCDFE6;
}
.el-input-group__append{
	border-color: #DCDFE6;
	background-color: #fff;
}

.form-item-describe {
	color: #909399;
	line-height: 20px;
	margin-top: 3px;
	font-size: 12px;
}
.bottom-text{
	width: 100%;
	text-align: center;
	color: #909399;
	font-size: 14px;
	padding: 5px 0px;
}

.empty-container{
	height: 200px;
	padding-top: 130px;
	text-align: center;
	line-height: 40px;
	font-size: 12px;
	color: #909399;
	background-color: #ffffff;
}

.empty-container-none-padding{
	height: 200px;
	text-align: center;
	line-height: 40px;
	font-size: 12px;
	color: #909399;
}
.user-avatar{
	cursor: pointer;
}